<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>陕西科普信息网</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="format-detection"content="telephone=no, email=no" />
	<style>
		*{ padding: 0; margin: 0; border: 0;}
		.wrap{
			width:100%;
			height:200px;
			line-height: 200px;
			display:-moz-box;
			display:-webkit-box;
			display:box;
			color: #fff;
			font-size: 30px;
			text-align: center;
		}
		.sectionOne{
			background:orange;
			-moz-box-flex:1;
			-webkit-box-flex:1;
			box-flex:1;
		}
		.sectionTwo{
			background:purple;
			width: 100px;
			height: 200px;
		}
	</style>
</head>
<body>
	<article class="wrap">
		<section class="sectionOne">01</section>
		<section class="sectionTwo">02</section>
	</article>
</body>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<!--<script type="text/javascript" src="js/scaling.js"></script>-->
<script type="text/javascript" src="js/TouchSlide.1.1.js"></script>
</html>